<script>
	$.ajax({
		type: 'get',
	    url: "/sideMenu/sideMenu",
	    async: false,
	    contentType: "application/json; charset=utf-8",
	    success: function (data) {
	    	alert(JSON.stringify(data));
	    	alert(data.length);
	    	for(var i = 0;i < data.length;i++){
	    		//(JSON.stringify(data[i]));
	    		alert(data[i]["name"]);
	    		
	    		//$("#main-menu").empty();
	    		var oli = document.createElement("li");
	    		oli.setAttribute('id', 'li')
	    		var oa = document.createElement("a");
	    		oa.setAttribute('href', '#');
	    		oa.setAttribute('id', 'aa');
	    		var oi = document.createElement("i");
	    		oi.setAttribute('class', 'fa');
	    		oi.setAttribute('class', 'fa-bar-chart-o');
	    		oa.innerText=data[i]["name"];
	    		var ospan = document.createElement("span");
	    		ospan.setAttribute('class', 'fa arrow');
	    		
	    		$("#aa").append(oi);
	    		$("#aa").append(ospan);
	    		$("#li").append(oa);
	    		$("#main-menu").append(oli);
	    	}
	    	
	    }
	});
</script>

<!-- 隐藏导航条 -->
<div id="sideNav" href="#">
	<i class="fa fa-caret-right"></i>
</div>

 <div class="sidebar-collapse">
	具体条目
	<div class="sidebar-collapse">
		<ul class="nav" id="main-menu">
			<!-- <li><a href="#"><i class="fa fa-sitemap"></i> 元数据<span class="fa arrow"></span></a>
				<ul class="nav nav-second-level">
					<li><a id="meta_sensor" href="#"><i class="fa fa-edit"></i>设备</a>
					</li>
					<li><a id="meta_water" href="#"><i class="fa fa-table"></i>水信息</a>
					</li>
					<li><a href="#"><i class="fa fa-qrcode"></i>水平衡评估<span
							class="fa arrow"></span></a>
						<ul class="nav nav-third-level">
							<li><a id="meta_eva_wsrc_info" href="#"><i
									class="fa fa-bar-chart-o"></i>企业取水水源情况</a></li>
							<li><a id="meta_eva_year_wuse_info" href="#"><i
									class="fa fa-bar-chart-o"></i>企业年用水情况</a></li>
							<li><a id="meta_eva_unit_wbal_test" href="#"><i
									class="fa fa-bar-chart-o"></i>用水单元水平衡测试</a></li>
							<li><a id="meta_eva_wbal_test" href="#"><i
									class="fa fa-bar-chart-o"></i>企业水平衡测试统计表</a></li>

						</ul></li>
				</ul></li> -->
			<li><a id="entity_sensor" href="#"><i
					class="fa fa-fw fa-file"></i>设备管理</a></li>

			<li><a href="#"><i class="fa fa-qrcode"></i>水信息管理<span
					class="fa arrow"></span></a>
				<ul class="nav nav-second-level">
					<li><a id="entity_water" href="#"><i
							class="fa fa-bar-chart-o"></i>水信息</a></li>
					<li><a id="water_visual" href="#"><i
							class="fa fa-bar-chart-o"></i>可视化</a></li>
				</ul></li>
			<li><a id="flowchart" href="#"><i class="fa fa-bar-chart-o"></i>工艺流程</a>
			</li>
			<li><a href="#"><i class="fa fa-qrcode"></i>水平衡<span
					class="fa arrow"></span></a>
				<ul class="nav nav-second-level">
					<li><a id="entity_eva_wsrc_info" href="#"><i
							class="fa fa-bar-chart-o"></i>企业取水水源表</a></li>
					<li><a id="entity_eva_year_wuse_info" href="#"><i
							class="fa fa-bar-chart-o"></i>企业年用水表</a></li>
					<li><a id="entity_evb_produce_info" href="#"><i
							class="fa fa-bar-chart-o"></i>企业生产情况统计表</a></li>
					<li><a id="measuring_water_info" href="#"><i
							class="fa fa-bar-chart-o"></i>全厂计量水表配备</a></li>					
					<li><a id="entity_eva_unit_wbal_test" href="#"><i
							class="fa fa-bar-chart-o"></i>用水单元水平衡测试表</a></li>
					<li><a id="entity_eva_wbal_test" href="#"><i
							class="fa fa-bar-chart-o"></i>企业水平衡测试统计表</a></li>
					<li><a id="label_eva_cmp_water_anl" href="#"><i
							class="fa fa-bar-chart-o"></i>企业用水分析表</a></li>
							
				</ul>
			</li>
			<li><a href="#"><i class="fa fa-qrcode"></i>预警<span
					class="fa arrow"></span></a>
				<ul class="nav nav-second-level">
					<li><a id="warnning_rule" href="#"><i
							class="fa fa-bar-chart-o"></i>预警规则</a></li>
					<li><a id="warnning_record" href="#"><i
							class="fa fa-bar-chart-o"></i>预警记录</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>

<script>
	$('#main-menu').metisMenu();
	// 隐藏下拉菜单
	$(window).bind("load resize", function() {
		if ($(this).width() < 768) {
			$('div.sidebar-collapse').addClass('collapse')
		} else {
			$('div.sidebar-collapse').removeClass('collapse')
		}
	});

	// 向左隐藏菜单
	$("#sideNav").click(function() {
		if ($(this).hasClass('closed')) {
			$('.navbar-side').animate({
				left : '0px'
			});
			$(this).removeClass('closed');
			$('#page-wrapper').animate({
				'margin-left' : '260px'
			});
		} else {
			$(this).addClass('closed');
			$('.navbar-side').animate({
				left : '-260px'
			});
			$('#page-wrapper').animate({
				'margin-left' : '0px'
			});
		}
	});
</script>

<script>
	$("#meta_sensor").click(function() {
		$('#page-wrapper').load('pages/meta_sensor.html');
	});
	$("#entity_sensor").click(function() {
		$('#page-wrapper').load('pages/entity_sensor.html');
	});
	$("#meta_water").click(function() {
		$('#page-wrapper').load('pages/meta_water.html');
	});
	$("#entity_water").click(function() {
		$('#page-wrapper').load('pages/entity_water.html');
	});
	$("#water_visual").click(function() {
		$('#page-wrapper').load('pages/water_visual.html');
	});
	$("#flowchart").click(function() {
		$('#page-wrapper').load('pages/flowchart_table.html');
	});
	$("#meta_eva_wsrc_info").click(function() {
		$('#page-wrapper').load('pages/meta_eva_wsrc_info.html');
	});
	$("#entity_eva_wsrc_info").click(function() {
		$('#page-wrapper').load('pages/label_eva_wsrc_info.html');
	});
	$("#meta_eva_year_wuse_info").click(function() {
		$('#page-wrapper').load('pages/meta_eva_year_wuse_info.html');
	});
	$("#entity_eva_year_wuse_info").click(function() {
		$('#page-wrapper').load('pages/entity_eva_year_wuse_info.html');
	});
	$("#measuring_water_info").click(function() {
		$('#page-wrapper').load('pages/entity_eva_water_sensor_info.html');
	});
	$("#entity_evb_produce_info").click(function() {
		$('#page-wrapper').load('pages/label_evb_produce_info.html');
	});
	$("#meta_eva_unit_wbal_test").click(function() {
		$('#page-wrapper').load('pages/meta_eva_unit_wbal_test.html');
	});
	$("#entity_eva_unit_wbal_test").click(function() {
		$('#page-wrapper').load('pages/entity_eva_unit_wbal_test.html');
	});
	$("#label_eva_cmp_water_anl").click(function() {
		$('#page-wrapper').load('pages/label_eva_cmp_water_anl.html');
	});
	$("#warnning_rule").click(function() {
		$('#page-wrapper').load('pages/warnning_rule.html');
	});
	$("#warnning_record").click(function() {
		$('#page-wrapper').load('pages/warnning_record.html');
	});
	$("#meta_eva_wbal_test").click(function() {
		$('#page-wrapper').load('pages/meta_eva_wbal_test.html');
	});
	$("#entity_eva_wbal_test").click(function() {
		$('#page-wrapper').load('pages/label_eva_wbal_test.html');
	});
</script>